<template>
  <div id="head">
    <el-menu
        :default-active="activeIndex2"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
    >
      <el-menu-item index="1" @click="routerChange1">Meeting</el-menu-item>
      <el-menu-item index="2" @click="routerChange2">Baby</el-menu-item>
    </el-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeIndex: "1",
      activeIndex2: "1",
    };
  },
  methods: {
    handleSelect(key, keyPath) {
    },
    routerChange1() {
      this.$router.push("/");
    },
    routerChange2() {
      this.$router.push("/tree");
    },
  },
};
</script>
<style scoped>

</style>
